<template>
  <div class="iframe_box" :style="{ height: recognitionHeight }">
         <div class="iframe_box_top">在线智能翻译</div>
          <iframe
            src="https://www.iciba.com/fy"
            class="iframe_box_content"
            frameborder="0"
            scrolling="no"
            hspace="100"
            vspace="550"
          ></iframe>
    </div> 
</template>
<script setup>
import { ref,onMounted } from "vue";
let recognitionHeight=ref('830px')
let recognitionUrl=ref('https://www.faceplusplus.com.cn/license-plate-recognition/')
</script>
<style lang="less" scoped>
.iframe_box ,.iframe_box_change{
		width: 100%;
		height: 1180px;
		position: relative;
		margin-top: 25px;
	}
	.iframe_box_change{
		height: 580px;
		padding-top: 50px;
	}
	.iframe_box	.iframe_box_content, .iframe_box_change .iframe_box_content{
		width: 100%;
		height: 100%;
	}
	.iframe_box_top{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100px;
		font-size: 25px;
		line-height: 100px;
		background: #fff;
		z-index: 99999999;
		padding-left: 50px;
	}
	#iframe_box_face div::before {
		content: '';
		width: 100px;
		position: absolute;
		top: 154px;
		right: 129px;
		z-index: 999;
		height: 20px;
		background-color: #FFFFFF;
	}

	#iframe_box_face>h1 {
		margin-top: 100px;
		margin-bottom: 20px;
	}
	#outerdiv
	{
		margin: 0 auto;
		width:1500px;
		height:600px;
		overflow:hidden;
		position:relative;
	}

	#inneriframe
	{
		position:absolute;
		top:-150px;
		left:0px;
		width:1300px;
		height:450px;
	}
</style>
